css图片的绝对路径和相对路径

本文介绍了在CSS中如何设置背景图片的路径,包括同包下的相对路径以及不同包时的绝对路径和相对路径的使用。重点讨论了在不同目录结构下,如何通过相对路径找到CSS文件和图片文件的公共根目录,并给出了相应的路径写法示例。
摘要由CSDN通过智能技术生成

在CSS文件里,有时要用到background,即加一个背景图片,添加的路径根据图片及css文件的相对位置分以下两种类型:
1.同包下:background : url(xxx.jpg);
2.不同包: 在这种情况下有2中方法可以设置,一种是使用绝对路径,即C:\Users\dellpc\Desktop\Pro\test\images\xxx.jpg或者是http://www.xxx.com/xxx.gif这种,不过一般不推荐这么用,不利于项目移植;一种是使用相对路径,首先需要找到图片文件和css文件共同的一个根目录,然后再加上图片的子目录,比如:
css文件位置:Pro/test/css/style.css
图片文件位置:Pro/platform/images/xxx.jpg

background:url(../../platform/images
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值